<template>
  <div>
    <div class="desc">
      <label>承办单位：</label>
      <span>
        {{ detail.warningCheckDetail.undertake_dept_name }}
      </span>
    </div>
    <div class="desc">
      <label>办理时间：</label>
      <span>
        {{ detail.warningCheckDetail.solve_date }}
      </span>
    </div>
    <!-- <div class="group">
      <label> 党委（党组）主体责任 </label>
      <div class="desc">
        <label>责任单位：</label>
        {{ detail.warningCheckDetail.responsible_dept_name }}
      </div>
      <div class="desc">
        <label>处置建议：</label>
        {{ detail.warningCheckDetail.responsible_proposal }}
      </div>
      <div class="desc">
        <label>附件：</label>
        <CommonUpload
          tableName="oneCaseThreeCheck"
          useType="dwcz"
          :pid="detail.assign_id"
          :showUploadBtn="false"
          :disabled="true"
        ></CommonUpload>
      </div>
    </div>
    <div class="group">
      <label> 党建责任 </label> 
      <div class="desc">
        <label>责任单位：</label>
        {{ detail.warningCheckDetail.supervise_dept_name }}
      </div>
      <div class="desc">
        <label>处置建议：</label>
        {{ detail.warningCheckDetail.supervise_proposal }}
      </div>
      <div class="desc">
        <label>附件：</label>
        <CommonUpload
          tableName="oneCaseThreeCheck"
          useType="jwcz"
          :pid="detail.assign_id"
          :showUploadBtn="false"
          :disabled="true"
        ></CommonUpload>
      </div>
    </div>
    <div class="desc">
      <label>纪检室审核意见：</label>
      {{ detail.warningCheckDetail.disciplinary_opinion }}
    </div>
    <div class="desc">
      <label>纪检室审核时间：</label>
      {{ detail.warningCheckDetail.disciplinary_optime }}
    </div>
    <div class="desc">
      <label>分管领导审核意见：</label>
      {{ detail.warningCheckDetail.leader_opinion }}
    </div>
    <div class="desc">
      <label>分管领导审核时间：</label>
      {{ detail.warningCheckDetail.leader_optime }}
    </div> -->
    <div class="desc">
      <label>处置结果：</label>
      <el-table :data="detail.warningCheckDetail.fourFormsList" border stripe>
        <el-table-column
          label="责任类型"
          prop="duty_type"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="责任人"
          prop="user_name"
          width="100"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="工作单位"
          prop="dept_name"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="职务"
          prop="duty_level"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="组织措施"
          prop="solve_mode"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="党纪处分"
          prop="party_punish"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="政务处分"
          prop="gov_punish"
          min-width="150"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="处置单位"
          prop="deal_dept"
          min-width="300"
          align="center"
        >
        </el-table-column>
        <el-table-column
          label="处置时间"
          prop="deal_time"
          width="150"
          align="center"
        >
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import CommonUpload from "@/components/Common/CommonUpload.vue";
export default {
  components: { CommonUpload },
  props: {
    detail: {
      type: Object,
      default: null,
    },
  },
};
</script>

<style lang="scss" scoped>
.group {
  margin: 10px 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 10px;

  > label {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    color: #808080;
  }
}
</style>